<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>产品内页--{{product.title}}</title>
<meta name="keywords" content="{{title}}" />
<meta name="applicable-device"content="pc,mobile">
<link href="/static/website/css/bootstrap.css" rel="stylesheet">
<link href="/static/website/css/bxslider.css" rel="stylesheet">
<link href="/static/website/css/style.css" rel="stylesheet">
<script src="/static/website/js/jquery.min.js"></script>
<script src="/static/website/js/bxslider.min.js"></script>
<script src="/static/website/js/common.js"></script>
<script src="/static/website/js/bootstrap.js"></script>
<!--[if lt IE 9]><script src="website/js/html5shiv.min.js">
</script><script src="website/js/respond.min.js"></script><![endif]-->
<link href="/static/website/css/lightbox.css" rel="stylesheet">
<script src="/static/website/js/lightbox.js"></script>
<script type="text/javascript">        $(document).ready(function(){
            $('.showpic_flash').bxSlider({
              pagerCustom: '#pic-page',
               adaptiveHeight: true,
            });
            // 初始化Lightbox
        lightbox.option({
            'resizeDuration': 200,
            'wrapAround': true,
            'showImageNumberLabel': false
        });
        });
    </script>
</head>

<body id="product">
<header>
   <!-- Fixed navbar -->
  {% include "website/header.html" %}
  <!-- bxslider -->
   </header>
<!-- main -->
<div class="container">
  <div class="row"><!-- right -->
    <div class="col-xs-12 col-sm-8 col-md-9" style="float:right">
      <div class="list_box">
        <h2 class="left_h1">产品详情</h2>
        <!-- showpic -->
        <div class="col-sm-12 col-md-6 showpic_box">
          <ul class="showpic_flash">
            <li><a class="example-image-link" href="{{product.img.url}}" data-lightbox="product-gallery" target="_blank">
              <img class="example-image" src="{{product.img.url}}" alt="{{product.title}}"/></a></li>
          </ul>
      
        </div>
        <!-- product_info -->
        <div class="col-sm-12 col-md-6 proinfo_box">
          <h1 class="product_h1">{{product.title}}</h1>
          <ul class="product_info">
            <li>
            </li>
          </ul>
        </div>
        <div class="product_con">
          <p> {{product.content|safe}}</p>
        </div>
        <div class="point"></div>
      </div>
      <div class="list_related">
        <h1 class="left_h1">&nbsp;</h1>
        <div class="product_list related_list">
          <div class="col-sm-4 col-md-3 col-mm-6 product_img"><a href="javascript:;"></a>
       
          </div>
        </div>
      </div>
    </div>
    <!-- left -->
   {% include "website/left.html"%}
     </div>
	 </div>
	 {% include "website/footer.html"%}